html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
}
li{list-style: none;}
img{border:none;vertical-align:top;}

body {
 font-family:"PingFang SC","Noto Sans Han";
}

:focus {
  outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
  display:block;
}


blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
i,em{font-style: normal;}
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted #000;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select,textarea {
  vertical-align:top;
  border:none;
  outline:none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

.clear:after{clear:both;content:"";display:block;}
$baseRem:10/750;
/*.find-first,.for-con,.dt_nav,.ser-banner1{ padding-top:$baseRem*100rem !important;}*/
/*.ser-nav{ padding-top:$baseRem*80rem !important;}*/

.find-first{font-family:"";
  ul{clear:both; overflow: hidden;}
  li:nth-of-type(odd){padding:0 $baseRem*5rem 0 $baseRem*10rem;}
  li:nth-of-type(even){padding:0 $baseRem*10rem 0 $baseRem*5rem;}
  li{width:50%;height:$baseRem*190rem;margin-top:$baseRem*10rem;position: relative;box-sizing:border-box; float: left;
    a{display: block;height: 100%;background:#f6f6f6;}
    p,h3{padding-left:$baseRem*32rem;}
    p{font-size:$baseRem*24rem;color:#706d6d;line-height:$baseRem*30rem; }
    img{position: absolute;}
    &:nth-of-type(1) img{width:$baseRem*138rem;height:$baseRem*114rem;top:$baseRem*30rem;right:$baseRem*40rem;}
    &:nth-of-type(2) img{width:$baseRem*112rem;height:$baseRem*134rem;top:$baseRem*32rem;right:$baseRem*40rem;}
    &:nth-of-type(3) img{width:$baseRem*128rem;height:$baseRem*112rem;top:$baseRem*40rem;right:$baseRem*40rem;}
    &:nth-of-type(4) img{width:$baseRem*113rem;height:$baseRem*128rem;top:$baseRem*33rem;right:$baseRem*40rem;}
  }
  h3{font-size:$baseRem*30rem;color:#353434;line-height:$baseRem*40rem;padding-top:$baseRem*55rem;  }
}

.find-order{
  h3{line-height: $baseRem*90rem;font-size: $baseRem*26rem;padding-left:$baseRem*22rem;border-bottom: 1px solid #e5e5e5;color:#6b6c6c; }
}
.find-order-con1 a{ display: block; margin-bottom:$baseRem*20rem;}

/*server_leader*/

.ser-nav a{ display: inline-block;width:50%; text-align: center; font-size:$baseRem*28rem;color:#303030; line-height:$baseRem*72rem;
  &.active span{border-color:#3877cc;}
  span{ display: inline-block; border-bottom:$baseRem*3px solid #fff;box-sizing:border-box;}
  em{ float: right; display: inline-block; height: $baseRem*24rem; float: right; background: #cecdcd;width:1px; position: relative;top:$baseRem*23rem;}
}
.ser-con{
  li{ border-bottom:1px solid #f1f1f1; height:$baseRem*210rem; padding-top:$baseRem*34rem;}
  a{display:-webkit-box;display:inline-flex;flex-flow:row nowrap;margin:0 $baseRem*25rem;}
  img{width:$baseRem*90rem;height:$baseRem*90rem;border-radius:$baseRem*6rem; margin-top:$baseRem*10rem;}
  .ser-txt{width:$baseRem*574rem; padding-left:$baseRem*35rem;}
}

.ser-txt{color:#444343;
  h4{ font-size:$baseRem*30rem; line-height:$baseRem*44rem;;}
  p{ font-size:$baseRem*20rem; line-height:$baseRem*34rem;}
  span{color:#5e5d5d;}
  em{line-height:$baseRem*24rem;height:$baseRem*20rem; background: #ed4a2f;color:#fff; font-size:$baseRem*14rem !important;padding:0 $baseRem*10rem;border-radius:$baseRem*2rem; font-style:normal; display: inline-block; position: relative;top:-$baseRem*2rem;}
}

/*工艺百科*/

.g-nav{ padding-top:$baseRem*45rem; overflow: hidden;
  a{width:33.333333333%; text-align: center; font-size:$baseRem*28rem;color:#333232; line-height:$baseRem*64rem; padding-bottom:$baseRem*22rem;float:left;}
  img{width:$baseRem*132rem;height:$baseRem*132rem;border-radius:50%;}
}
.tech-con{ padding-top:$baseRem*40rem;
  h3{ font-size:$baseRem*32rem; border-bottom:1px solid #d3d1d1; padding-left:$baseRem*25rem; line-height:$baseRem*70rem;color:#2e2e2e;border-radius:3px;}
}
.teach-con-list{padding:0 $baseRem*25rem;
  li{ border-bottom:1px solid #dedede; padding-bottom:$baseRem*30rem;}
  h4{ font-size:$baseRem*30rem; line-height:$baseRem*74rem; padding-top:$baseRem*8rem;color:#000;
    span{ font-size:$baseRem*14rem;color:#fff;padding:0 $baseRem*12rem; line-height:$baseRem*28rem; background: #4f8ee2; display: inline-block; margin-left:$baseRem*8rem; position: relative;top:-$baseRem*5rem;height:$baseRem*24rem;}
  }
  p{ font-size:$baseRem*24rem;color:#3b3c3c; line-height:$baseRem*34rem;}
}

/*工艺百科详情*/
.dt_nav{ line-height:$baseRem*90rem;padding:0 $baseRem*25rem; overflow: hidden; position: relative;
  h2{ font-size:$baseRem*36rem;color:#000; float: left;}
}
.dt-icon{ background:url(../images/d-icon.png) no-repeat center;width: $baseRem*25rem;-webkit-background-size:$baseRem*25rem $baseRem*16rem;padding:0 $baseRem*10rem; display: inline-block;height:$baseRem*90rem; position: absolute;top:0;right:$baseRem*30rem;}

#wrapper {
  position: relative;
  z-index: 1;
  left:$baseRem*15rem;
  width: $baseRem*600rem;
  overflow: hidden;
  height:$baseRem*90rem !important;
}
.dt_nav a.active{ font-weight: bold;}
.dt_nav>span{ position: absolute;z-index:300;height:$baseRem*90rem;width:$baseRem*50rem;left:$baseRem*595rem;top:0; background:rgba(255,255,255,0.8);}
#scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  font-size:$baseRem*32rem;
  display:flex;
  display:-webkit-box;
  flex-flow:row nowrap;
  a{color:#000;width:$baseRem*160rem; text-align: center; display: inline-block;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;}
  li a.active{ font-weight: bold;}
}


.dt_con{padding:0 $baseRem*25rem;
    .technology_detail{text-indent:2em;}
  h4{font-size:$baseRem*36rem;color:#3b3c3c;padding:$baseRem*30rem 0 $baseRem*10rem;
    span{ display: inline-block;padding:0 $baseRem*12rem; line-height:$baseRem*28rem;border-radius:$baseRem*3rem;color:#fff; font-weight:normal;margin-left:$baseRem*5rem; font-size:$baseRem*22rem; position: relative;top:-$baseRem*4rem;height:$baseRem*28rem;}
    .dt_dz{ background: #4f8ee2;}
    .dt_bmcl{ background: #f87f77;}
    .dt_jjg{ background: #f8b777;}
    .dt_sm{ background: #4a709f;}
    .dt_zz{ background: #f8b777;}
    .dt_cy{ background: #f87f77;}
    .dt_rcl{ background: #fb5e6c;}
    .dt_hj{ background: #3877cc;}
    .dt_qt{ background: #4d9f54;}
  }
  p{font-size:$baseRem*30rem;}
  li{ line-height:$baseRem*40rem; font-size:$baseRem*28rem;color:#616262;padding-bottom:$baseRem*40rem;}
}

.dt-more{background: #f5f5f5; position: absolute;left:0;top:0;z-index:350;width:100%; display: none;}
.dt-more header{ overflow: hidden; line-height:$baseRem*40rem;height:$baseRem*40rem;padding:0 $baseRem*25rem; display: block; padding-top:$baseRem*30rem;
  h4{color:#252525; float: left; font-size:$baseRem*28rem;color:#252525;}
  a{ float: right; font-size:$baseRem*24rem;color:#7f7e7e;  }
  em{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:url(../images/d-icon.png) no-repeat right center; -webkit-background-size:$baseRem*25rem $baseRem*16rem ;width:$baseRem*25rem;height:$baseRem*16rem; display: inline-block; margin-left:$baseRem*8rem; position: relative;top:-$baseRem*4rem;}
}
.dt-more-con{padding:0 $baseRem*25rem $baseRem*30rem;
  a{ line-height:$baseRem*52rem;padding:0 $baseRem*42rem;border:1px solid #d5d4d4; display: inline-block;border-radius:$baseRem*52rem;
    font-size:$baseRem*26rem;color:#777;margin:0 $baseRem*18rem;margin:$baseRem*10rem $baseRem*20rem;}
}

/*讨论区*/
.for-con{padding:0 $baseRem*35rem;
  li{padding:$baseRem*40rem 0; border-bottom:1px solid #d7d7d7;
    a{display:-webkit-box;display:inline-flex;flex-flow:row nowrap;}
  }
 img{width:$baseRem*160rem;height:$baseRem*146rem;}

}

.for-text{ padding-left:$baseRem*20rem;width:$baseRem*505rem;
  h4{ font-size:$baseRem*30rem;color:#2a2a2a; line-height:$baseRem*30rem; padding-bottom:$baseRem*15rem;;}
  p{font-size:$baseRem*22rem; line-height:$baseRem*34rem;height:$baseRem*75rem; padding-bottom:$baseRem*5rem;color:#525252;}
}

.for-pub{ font-size:$baseRem*18rem;color:#4e4d4d;display:-webkit-box;display:flex;flex-flow:row nowrap;
  i{color:#686767;width:$baseRem*65rem;}
  .for-pub-t1{color:#4c4c4c;width:$baseRem*100rem; display: inline-block;}
}
.for-pub-tm,.for-pub-num{ display: inline-block;}
.for-pub-tm{ background:url("../images/time-icon.png") no-repeat $baseRem*6rem $baseRem*2rem;-webkit-background-size:$baseRem*15rem $baseRem*15rem; padding-left:$baseRem*24rem;width:$baseRem*200rem;}
.for-pub-num{ background:url("../images/view-icon.png") no-repeat left $baseRem*2rem;-webkit-background-size:$baseRem*21rem $baseRem*16rem ; padding-left:$baseRem*26rem;width:$baseRem*110rem;}

/*活动详情*/

.activity_con,.activity_bot,.activity_dt{padding:0 $baseRem*30rem;}
.activity_dt{ padding:$baseRem*25rem $baseRem*30rem $baseRem*10rem ;}
.activity_dt{
  h4{font-size:$baseRem*34rem;color:#2a2a2a; line-height:$baseRem*52rem;}
  p{ font-size:$baseRem*24rem;color:#797979; line-height:$baseRem*34rem;
    span{ padding-right:$baseRem*55rem;}
  }
}
.activity_con{ padding-top:$baseRem*26rem; line-height:$baseRem*48rem; font-size:$baseRem*32rem;color:#4d4d4d;
  p{ padding-bottom:$baseRem*10rem;text-indent:2em;}
}
.activity_con p.f_center{text-indent:0;}
.activity_con .news_img{margin:0 auto $baseRem*20rem;}
.activity_con .news_img img{ width:80%;}
.activity_con img{width:100%;height:auto;}
.activity_con6 p{text-indent:0 !important;}

.activity_bot{ margin:$baseRem*80rem 0 $baseRem*40rem; overflow: hidden;
  .act_share{ font-size:$baseRem*24rem; line-height:$baseRem*64rem;color:#777; float: left;}
  img{width:$baseRem*64rem;height:$baseRem*64rem;}
  .standBy{ background:url(../images/stand_by.png) no-repeat;width:$baseRem*66rem;height:$baseRem*66rem; display: block;-webkit-background-size:$baseRem*66rem $baseRem*66rem; float: right;}
  .standBy.active{ background-image: url(../images/stand_by1.png);}
}

/*头部*/
.i-top{ background: #3877cc; line-height:$baseRem*100rem; text-align: center;color:#fff; position: fixed;height:$baseRem*100rem; font-size:$baseRem*34rem; width: 100%;z-index:100;
  a{ background:url(../images/back.png) no-repeat;width:$baseRem*50rem;height:$baseRem*35rem; position: absolute;left:$baseRem*25rem;top:50%; margin-top:-$baseRem*17rem;-webkit-background-size:$baseRem*50rem $baseRem*35rem;}
}

/*公告*/
.announce {padding:0 $baseRem*20rem;box-sizing: border-box;
  li{height:$baseRem*112rem; padding:$baseRem*22rem 0 $baseRem*20rem; border-bottom:1px solid #e8e7e7;}
  a{ display: block;}
  img{width:$baseRem*166rem;}
  img,.ann-text{ float: left;height:$baseRem*112rem; }
  .ann-text{ font-size:$baseRem*32rem; line-height:$baseRem*40rem;color:#242424; padding-left:$baseRem*18rem;width:$baseRem*526rem; position: relative;}
  .ann-date{ position: absolute;right:0;bottom:0; font-size:$baseRem*22rem;color:#5b5b5b; line-height:$baseRem*22rem;}
}

/*公告详情*/
.ann-detail-tp{padding:$baseRem*40rem $baseRem*25rem 0;
  h3{font-size:$baseRem*32rem;color:#242424; line-height:$baseRem*52rem;}
  p{color:#9e9d9d;font-size:$baseRem*18rem; line-height:$baseRem*32rem;}
}
.ann-detail-con{ font-size:$baseRem*22rem; line-height:$baseRem*42rem;color:#242424;padding:$baseRem*40rem $baseRem*40rem 0;
  p{text-indent:2em; padding-bottom:$baseRem*15rem;}
}
.ann-detail-con10{padding:$baseRem*40rem 0 0;
  p{text-indent:0;}
}


/*隐私政策*/
.privacy-con{padding:0 $baseRem*25rem; }
.privacy-con h3{ font-size:$baseRem*38rem;color:#333; text-align: center;padding:$baseRem*30rem;line-height:$baseRem*50rem;}
.privacy-con h4{ font-size:$baseRem*28rem;color:#333; line-height:$baseRem*58rem;}
.privacy-con p,.privacy-con ul{ font-size:$baseRem*24rem;color:#666;text-indent:2em; line-height:$baseRem*48rem;}
.privacy-con ul{ padding-left:$baseRem*20rem;}

.ann-detail-con img{width:100%;}
.news_img{margin-bottom:$baseRem*20rem;}

/*注册协议*/
.register{padding:$baseRem*25rem;  font-size:$baseRem*24rem;color:#555;}
.register h2{color:#333;
  padding-top:$baseRem*10rem 0 0;
  font-size:$baseRem*38rem;
  text-align: center;}
.register h3:nth-of-type(1){padding:$baseRem*10rem 0;}
.register h3{padding:$baseRem*20rem 0;
  font-size:$baseRem*30rem;line-height:$baseRem*60rem;color:#333;}
.register h4{color:#333;
  font-size:$baseRem*26rem;
  padding:$baseRem*10rem 0;
  line-height:$baseRem*44rem;}
.register li{
  font-size:$baseRem*24rem;color:#555;
  margin-bottom:$baseRem*5rem;
  line-height:$baseRem*38rem;}
.register li p{
  padding-left:$baseRem*30rem;;}
